<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">


<title>添加用户</title>
<meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
<meta name="description"
	content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">

<link rel="shortcut icon" href="favicon.ico">
<link href="css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
<link href="/css/font-awesome.css?v=4.4.0" rel="stylesheet">

<!-- Morris -->
<link href="/css/plugins/morris/morris-0.4.3.min.css" rel="stylesheet">

<!-- Gritter -->
<link href="/js/plugins/gritter/jquery.gritter.css" rel="stylesheet">

<link href="/css/animate.css" rel="stylesheet">
<link href="/css/style.css?v=4.0.0" rel="stylesheet">
<base target="_blank">

</head>
<body id="upbody" class="gray-bg" style>
	<div class="bootstrap-table">
		<div class="fixed-table-toolbar">
			<div class="bars pull-left">
				<div class="btn-group hidden-xs" id="exampleTableEventsToolbar"
					role="group">
					<button type="button" class="btn btn-outline btn-default"
						id="editButton">
						<i class="glyphicon glyphicon-edit" aria-hidden="true"></i>
					</button>
					<button type="button" class="btn btn-outline btn-default"
						id="delButton">
						<i class="fa fa-user-times" aria-hidden="true"></i>
					</button>
					<button type="button" class="btn btn-outline btn-default" style="border: 0">
						<i aria-hidden="true"></i>
					</button>
				</div>
			</div>
		</div>
		<div class="fixed-table-container"
			style="height: 321px; padding-bottom: 36px;">
			<div class="fixed-table-header"
				style="margin-right: 0px; display: block;">
				<table class="table table-hover" style="width: 1612px;" id="first">
					<thead style="display: table-header-group;">
						<tr>
							<th class="bs-checkbox " style="width: 36px;" data-field="state"
								tabindex="0"><div class="th-inner ">
									<input id="all" name="btSelectAll" type="checkbox">
								</div>
								<div class="fht-cell"></div></th>
							<th style="" data-field="userId" tabindex="0"><div
									class="th-inner ">ID</div>
								<div class="fht-cell"></div></th>
							<th style="" data-field="userName" tabindex="0"><div
									class="th-inner ">用户名</div>
								<div class="fht-cell"></div></th>
							<th style="" data-field="phoneNum" tabindex="0"><div
									class="th-inner ">手机号</div>
								<div class="fht-cell"></div></th>
							<th style="" data-field="email" tabindex="0"><div
									class="th-inner ">邮箱</div>
								<div class="fht-cell"></div></th>
							
							<th style="" data-field="status" tabindex="0"><div
									class="th-inner ">状态</div>
								<div class="fht-cell"></div></th>
							<th style="" data-field="status" tabindex="0"><div
									class="th-inner ">个人签名</div>
								<div class="fht-cell"></div></th>
						</tr>
					</thead>
				</table>
			</div>

			<div class="fixed-table-footer" style="display: none;">
				<table>
					<tbody>
						<tr></tr>
					</tbody>
				</table>
			</div>
			<div style="">
				<nav class="col-md-4 col-md-offset-4">
				<ul id="user_page" class="pagination">
					<li><a href="#" aria-label="Previous"> <span
							aria-hidden="true">&laquo;</span>
					</a></li>
					<li class="active"><a href="#">1</a></li>
					<li><a href="#">2</a></li>
					<li><a href="#">3</a></li>
					<li><a href="#">4</a></li>
					<li><a href="#">5</a></li>
					<li><a href="#" aria-label="Next"> <span
							aria-hidden="true">&raquo;</span>
					</a></li>
				</ul>
				</nav>
			</div>
			<div id="modal-form" class="modal fade" aria-hidden="true"
				style="display: none;">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-body">
							<div class="row">
								<div>
									<h3 class="m-t-none m-b">修改用户</h3>


									<form role="form">
										<div class="form-group">
											<label>用户名：</label> <input id="fuserName" type="text"
												placeholder="请输入用户名" class="form-control">
										</div>
										<div class="form-group">
											<label>手机号：</label> <input id="fphonenum" type="text"
												placeholder="请输入手机号" class="form-control">
										</div>
										<div class="form-group" id="phonev"
											style="color: red; display: none;">
											<label>手机号格式不正确请重新填写</label>
										</div>
										<div class="form-group">
											<label>邮箱：</label> <input id="femail" type="text"
												placeholder="请输入邮箱" class="form-control">
										</div>
										<div class="form-group" id="emailv"
											style="color: red; display: none;">
											<label>邮箱格式不正确请重新填写</label>
										</div>
										<div class="form-group">
											<label>个人签名：</label> <input id="fdetail" type="text"
												placeholder="请输入个人签名" class="form-control">
										</div>
										<div style="">
											<button id="checkok" class="btn btn-primary " type="button">
												<i class="fa fa-check"></i>&nbsp;提交
											</button>
											&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
											<button id="checkno" class="btn btn-primary " type="button">
												<i class="fa fa-close" style=""></i>&nbsp;取消
											</button>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 全局js -->
	<script src="/js/jquery.min.js?v=2.1.4"></script>
	<script src="/js/bootstrap.min.js?v=3.3.5"></script>



	<!-- Flot -->
	<script src="/js/plugins/flot/jquery.flot.js"></script>
	<script src="/js/plugins/flot/jquery.flot.tooltip.min.js"></script>
	<script src="/js/plugins/flot/jquery.flot.spline.js"></script>
	<script src="/js/plugins/flot/jquery.flot.resize.js"></script>
	<script src="/js/plugins/flot/jquery.flot.pie.js"></script>
	<script src="/js/plugins/flot/jquery.flot.symbol.js"></script>

	<!-- Peity -->
	<script src="/js/plugins/peity/jquery.peity.min.js"></script>
	<script src="/js/demo/peity-demo.js"></script>

	<!-- 自定义js -->
	<script src="/js/content.js?v=1.0.0"></script>
	<script src="/js/user.js"></script>

	<!-- jQuery UI -->
	<script src="/js/plugins/jquery-ui/jquery-ui.min.js"></script>

	<!-- Jvectormap -->
	<script src="/js/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
	<script src="/js/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>

	<!-- EayPIE -->
	<script src="/js/plugins/easypiechart/jquery.easypiechart.js"></script>

	<!-- Sparkline -->
	<script src="/js/plugins/sparkline/jquery.sparkline.min.js"></script>

	<!-- Sparkline demo data  -->
	<script src="/js/demo/sparkline-demo.js"></script>
</body>
</html>